<template>
  <div class="app-container ohn">
    <el-divider content-position="left">基本信息</el-divider>
    <el-descriptions class="margin-top" title="" :column="3" size="small">
      <el-descriptions-item>
        <template slot="label"> 检测名称 </template>
        {{ DetectionData.testName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 检测公司 </template>
        {{ DetectionData.client }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 联系电话 </template>
        {{ DetectionData.contact }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 客户账户 </template>
        {{ DetectionData.clientAccount }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 联系销售 </template>
        {{ DetectionData.owner }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 创建时间 </template>
        {{ DetectionData.gmtCreate }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label"> 检测描述 </template>
        {{ DetectionData.testDesc }}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  props: {
    DetectionDetailData: {
      type: Object,
    },
  },
  data() {
    return {
      DetectionData: {},
    };
  },
  watch: {
    DetectionDetailData: {
      handler(newVal, oldVal) {
        this.DetectionData = this.DetectionDetailData;
      },
      deep: true,
    },
  },
  methods: {},
};
</script>
